<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<%-- Set default lanauge to zh-TW --%>
<fmt:setLocale value="zh-TW" scope="session" />

<LINK rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/css/master.css" />
<LINK rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/css/transmenu.css" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/css/popup.css" type="text/css"
	media="screen" />

<SCRIPT src="${pageContext.request.contextPath}/js/jquery-1.5.js"
	type="text/javascript"></SCRIPT>
<SCRIPT src="${pageContext.request.contextPath}/js/popup.js"
	type="text/javascript"></SCRIPT>
<SCRIPT type="text/javascript" src="/ContourDesign/js/transmenu.js"></SCRIPT>
<SCRIPT type="text/javascript" src="/ContourDesign/js/buildmenu.js"></SCRIPT>
<SCRIPT type="text/javascript" src="/ContourDesign/js/analytics.js"></SCRIPT>

<body onload="init()">
<table width="975" align="center" cellSpacing="0" cellPadding="0">
	<tbody>
		<tr>
			<td id="leftShade" width="9" />
			<td width="959" bgColor="#ffffff"><tiles:insertAttribute
				name="header" flush="false" />
			<table id="bodyTable" width="959" border="0" cellSpacing="0"
				cellPadding="0">
				<tbody>
					<tr>
						<td width="218" vAlign="top"><tiles:insertAttribute
							name="leftnav" flush="false" /></td>
						<td width="25" />
						<td width="737" class="content" vAlign="top">
						<div><tiles:insertAttribute name="content" flush="false" /></div>
						</td>
					</tr>
				</tbody>
			</table>
			</td>
			<td id="rightShade" width="7" />
		</tr>
		<tr>
			<td id="bottomShade" style="" colSpan="3" /></td>
		</tr>
	</tbody>
</table>
<table width="959" align="center" class="footer" border="0"
	cellSpacing="0" cellPadding="0">
	<tiles:insertAttribute name="footer" flush="false" />
</table>

<SCRIPT language="javascript">
if (TransMenu.isSupported()) {
		//==================================================================================================
		// create a set of dropdowns
		// ==================================================================================================
		// the first param should always be down, as it is here
		//
		// The second and third param are the top and left offset positions of
		// the
		// menus from their actuators
		// respectively. To make a menu appear a little to the left and bottom
		// of an
		// actuator, you could use
		// something like -5, 5
		//
		// The last parameter can be .topLeft, .bottomLeft, .topRight, or
		// .bottomRight to indicate the corner
		// of the actuator from which to measure the offset positions above.
		// Here we
		// are saying we want the
		// menu to appear directly below the bottom left corner of the actuator
		// ==================================================================================================
		var ms = new TransMenuSet(TransMenu.direction.down, 1, 0,
				TransMenu.reference.bottomLeft);

		// ==================================================================================================
		// create a dropdown menu
		// ==================================================================================================
		// the first parameter should be the HTML element which will act
		// actuator
		// for the menu
		// ==================================================================================================
		var menu1 = ms.addMenu(document
				.getElementById("menu_the_ergonomic_difference"));
		menu1.addItem("\u5be6\u7528\u63a8\u85a6", "/ContourDesign/pages/testimonials.jsp");


		var menu2 = ms.addMenu(document
				.getElementById("menu_products"));
		menu2.addItem("RollerMouse Pro2", "/ContourDesign/pages/rollermousePro2.jsp");
		menu2.addItem("RollerMouse Free2", "/ContourDesign/pages/rollermouseFree2.jsp");
		menu2.addItem("Wrist Rests", "/ContourDesign/pages/wristRestPro.jsp");

		var menu3 = ms.addMenu(document
				.getElementById("menu_support"));
		menu3.addItem("\u5e38\u898b\u554f\u984c", "/ContourDesign/pages/FAQ.jsp");
		menu3.addItem("\u9000\u63db\u8ca8\u653f\u7b56\u8207\u4fdd\u56fa", "/ContourDesign/pages/returnPolicy.jsp");
		menu3.addItem("\u9a45\u52d5\u7a0b\u5f0f\u4e0b\u8f09", "/ContourDesign/pages/downloadDriver.jsp");

		var menu4 = ms.addMenu(document
				.getElementById("menu_news_and_events"));
		menu4.addItem("\u69ae\u7372\u734e\u7ae0", "/ContourDesign/pages/award.jsp");
		
	TransMenu.renderAll();
}
</SCRIPT>

<%-- Start JQuery Popup --%>
<div id="popupContact"><a id="popupContactClose">x</a>
<h1>Website is still under TESTING!!!</h1>
<p id="contactArea">TESTING1! <br />
<br />
TESTING2!<br />
<br />
Click on X (right-top) or Click Out from the popup to close the popup! <br />
<br />
</p>
</div>
<div id="backgroundPopup"></div>
<%-- End JQuery Popup --%>
</body>
